<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>芯佑电商_购物车</title>
    <#include "/website/commonWebsite.html">
    <!--== 选择框 ==-->
    <link href="/website/js/checkbox/checkbox.css" rel="stylesheet" type="text/css" />
    <!-- 数字转货币-->
    <script src="/website/js/accounting.js-master/accounting.js"></script>
</head>
<body>

<!--==头部==-->
<div class="header">
    <#include "/website/header.html">
</div>

<!--==内容区域==-->
<div class="home_n">
    <div  class="home_nr">
        <!--==标题==-->
        <div class="sholis-bt">我的购物车 (${count})</div>
        <!--==列表==-->
        <div class="sholis-li">
            <!--01-->
            <#if shoppingCartList?? && shoppingCartList?size &gt;0>
                <#list shoppingCartList as item>
                <div class="sholis-lis">
                    <#if item.skuIsdel==1>
                        <div class="sholis-che">
                            <span style="width: 100px;">失效</span>
                        </div>
                    <#else>
                        <div class="sholis-che">
                            <#if shoppingCartPk==item.pk>
                                <label class="checkbox_color_c"><input type="checkbox" onclick="clickcolor(this);" checked="checked"><span></span></label>
                            <#else>
                                <label><input type="checkbox" onclick="clickcolor(this);"><span></span></label>
                            </#if>
                        </div>
                    </#if>
                    <div class="sholis-lis-c">
                        <#assign imgPaths=item.product_avatar?split(";")>
                        <h1><a href="/website/productDetails?productPk=${item.no1}"><img src="//${imgPaths[0]}" width="275" height="275"></a></h1>
                        <dl>
                            <dt><a href="#">${item.product_name}</a></dt>
                            <dd>${item.sku_name}</dd>
                        </dl>
                    </div>
                    <div class="sholis-lis-r">
                        <p>单价</p>
                        <p><strong class="price">¥${item.sku_off_price}</strong></p>
                    </div>
                    <div class="sholis-lis-x">
                        <input class="pk" type="hidden" value="${item.pk}">
                        <input class="productSku" type="hidden" value="${item.product_sku_pk}">
                        <dl>
                            <dt><a href="javascript:void(0)" onclick="jian(this);"><img src="/website/images/home_14.png" alt=""></a></dt>
                            <dd><input type="text" value="${item.product_sku_count}" onchange="productCount(this)"></dd>
                            <dt><a href="javascript:void(0)" onclick="jia(this);"><img src="/website/images/home_15.png" alt=""></a></dt>
                        </dl>
                    </div>
                    <div class="sholis-lis-r">
                        <p>总金额</p>
                        <p><strong class="red totalPrice">¥${item.total_price}</strong></p>
                    </div>
                    <div class="sholis-lis-d"><a href="javascript:void(0)" onclick="deleteProduct('${item.pk}')">删除</a></div>
                </div>
            </#list>
            </#if>
        </div>
        <!--==提交==-->
        <div class="sholis-tj">
            <div class="sholis-cheb">
                <label><input type="checkbox" onclick="choseAll(this);"><span>全选</span></label>
            </div>
            <!--<div class="sholis-tj-d"><a href="#">删除</a></div>-->
            <div class="sholis-tj-a"><button type="button" onclick="settleAccounts()">结算</button></div>
            <div class="sholis-tj-w">
                <p>合计 ( 不含运费 ) ： <strong class="all">¥0.00</strong></p>
                <p>已选商品 <strong class="count">0</strong> 件</p>
            </div>
        </div>
    </div>
</div>
</body>

<!--==版权==-->
<script type="text/javascript">
    function load_home() {
        document.getElementById("viewDiv").innerHTML = '';
    }
</script>
<object type="text/html" data="/website/copyright" width="100%" height="370px" style="margin-bottom: -5px;"></object>

<!--==返回头部==-->
<script type="text/javascript" src="/website/js/backtop.js"></script>

<!--==添加数量==-->
<script>
    $(function(){
        calculateAll();
    })
    //用于点击减少数量
    function jian(obj){
        var num = $(obj).parent().parent().find("input").val();
        if(num>1){
            num=num-1;
            $(obj).parent().parent().find("input").val(num);
        }
        updateProductCount(obj,"1");
    }
    //用于点击增加数量
    function jia(obj){
        var num = $(obj).parent().parent().find("input").val();
        /*if(num=="NaN"||num==""){
            num=0;
        }*/
        num=parseInt(num)+1;
        $(obj).parent().parent().find("input").val(num);
        updateProductCount(obj,"1");
    }
    //数量是负数的都变为1
    function productCount(value){
        var productCount=$(value).val();
        console.log(productCount);
        if(parseInt(productCount)<1){
            $(value).val(1);
        }else{
            $(value).val(parseInt(productCount));
        }
        updateProductCount(value,"2");
    }

    //发送ajax向购物车修改物品数量
    function updateProductCount(resp,number){
        var pk ="";//购物车单子的pk
        var account="";//数量
        var productSkuPk="";
        if(number==1){//表示是点击的加或者减
            pk=$(resp).parent().parent().parent().find(".pk").val();
            productSkuPk=$(resp).parent().parent().parent().find(".productSku").val();
            account=$(resp).parent().parent().find("input").val();
        }else if(number==2){//表示是是onchang事件，自己输入的数字
            pk=$(resp).parent().parent().parent().find(".pk").val();
            productSkuPk=$(resp).parent().parent().parent().find(".productSku").val();
            account=$(resp).val();
        }
        $.ajax({
            url:'/website/shoppingCart/addAndEdit',
            data:{'pk':pk,'productSkuCount':account,'productSkuPk':productSkuPk},
            type:'post',
            success:function(obj){
                if(obj.code==200){
                    if(number==1){//表示是点击的加或者减
                        //layer.msg(obj.message);
                        //$(resp).parent().parent().find("input").val(obj.data);
                    }else if(number==2){//表示是是onchang事件，自己输入的数字
                        //$(resp).val(obj.data);
                    }
                    calculate(resp,number);
                    calculateAll();
                }
                //layer.msg(obj.message);
            },
            error:function(){
                layer.msg("系统错误，请联系管理员");
            }
        })
    }

    //页面计算单个商品总金额
    function calculate(obj,number){
        var price=$(obj).parent().parent().parent().parent().find(".price").text();//商品单价
        price=accounting.unformat(price.substring(1));
        var totalPrice="";//商品总价
        var account="";//商品数量
        if(number==1){//表示是点击的加或者减
            account=$(obj).parent().parent().find("input").val();
        }else if(number==2){//表示是是onchang事件，自己输入的数字
            account=$(obj).val();
        }
        totalPrice=parseFloat(account)*parseFloat(price);
        totalPrice="￥"+accounting.formatMoney(totalPrice);
        $(obj).parent().parent().parent().parent().find(".totalPrice").text(totalPrice);
    }

    //页面计算所有商品总金额
    function calculateAll(){
        var totalPrice = $(".sholis-li").find(".checkbox_color_c").parent().parent().find(".totalPrice");
        var allProductTotalPrice=0.00;
        for (var i = 0; i <totalPrice.length ; i++) {
            var price = $(totalPrice[i]).text().substring(1);
            price = accounting.unformat(price);
            allProductTotalPrice+=parseFloat(price);
        }
        allProductTotalPrice = accounting.formatMoney(allProductTotalPrice);
        $(".sholis-tj-w").find(".all").text("￥"+allProductTotalPrice);
        $(".sholis-tj-w").find(".count").text(totalPrice.length);

    }

    //删除功能
    function deleteProduct(pk){
        layer.confirm('您确定要删除该订单吗?',{btn: ['确定', '取消'],title:"提示"}, function() {
            $.ajax({
                url: '/website/shoppingCart/delete',
                data: {'pks': pk},
                type: 'post',
                success: function (obj) {
                    if (obj.code == 200) {
                        layer.msg(obj.message);
                        location.href = "/website/shoppingCart/shopping_list";
                    } else {
                        layer.msg(obj.message);
                    }
                    layer.msg(obj.message);
                },
                error: function () {
                    layer.msg("系统错误，请联系管理员");
                }
            })
        })
    }

    //结算
    function settleAccounts(){
        var pks="";
        var pkOption = $(".sholis-li").find(".checkbox_color_c").parent().parent().find(".pk");
        for (var i = 0; i <pkOption.length ; i++) {
            pks+=$(pkOption[i]).val();
            if(i!=pkOption.length-1){
                pks+=",";
            }
        }
        if(pks==""){
            layer.msg("请选择商品");
            return;
        }
        location.href="/website/shoppingCart/shopping_information?pks="+pks;
    }

    //复选框
    function clickcolor(obj) {
        var checkbox_color_c =$(obj).parent().attr("class");
        if (checkbox_color_c=="checkbox_color_c"){
            $(obj).parent().removeClass("checkbox_color_c");
            $(".sholis-cheb").find("label").removeClass("checkbox_color_c");
            $(".sholis-cheb").find("input").removeAttr("checked","checked");
        }else{
            $(obj).parent().addClass("checkbox_color_c");
            var show = $(".sholis-li").find(".sholis-che");
            var checkbox_color_c=$(".sholis-li").find(".checkbox_color_c");
            if(show.length==checkbox_color_c.length){
                $(".sholis-cheb").find("label").addClass("checkbox_color_c");
                $(".sholis-cheb").find("input").attr("checked","checked");
            }
        };
        calculateAll();
    };

    //全选
    function choseAll(obj){
        var checkbox_color_c =$(obj).parent().attr("class");
        if (checkbox_color_c=="checkbox_color_c"){
            $(obj).parent().removeClass("checkbox_color_c")
            var show = $(".sholis-li").find(".sholis-che");
            for (var i = 0; i <show.length; i++) {
                $(show).find("label").removeClass("checkbox_color_c");
                $(show).find("input").removeAttr("checked","checked");
            }
        }else{
            $(obj).parent().addClass("checkbox_color_c");
            var show = $(".sholis-li").find(".sholis-che");
            for (var i = 0; i <show.length; i++) {
                $(show).find("label").addClass("checkbox_color_c");
                $(show).find("input").attr("checked","checked");
            }
        };
        calculateAll();
    }
</script>
</html>